.headView {
  display: flex;
  flex-direction: column;
  height: 300rpx;
  background: linear-gradient(0deg, #ffffff, #10a28f);
}

.headTitle {
  font-size: 36rpx;
  font-weight: 500;
  color: #ffffff;
  padding: 20rpx;
}

.contentView {
  display: flex;
  flex-direction: column;
}

.numberView {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border-radius: 10rpx;
  z-index: 10;
  margin: 0px 20rpx;
  margin-top: -210rpx;
}

.numberTitle {
  font-size: 30rpx;
  font-weight: 400;
  color: #333333;
  padding: 30rpx 0px;
}

.downView {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.downTitle {
  font-size: 20rpx;
  font-weight: 400;
  color: #000000;
  margin: 0px 10rpx;
}

.line {
  width: 40rpx;
  height: 1px;
  background: #333333;
}

.time {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.time-custom {
  width: 56rpx;
  height: 32rpx;
  line-height: 32rpx;
  text-align: center;
  background: #999999;
  border-radius: 10rpx;
  font-size: 24rpx;
  font-weight: 400;
  color: #ffffff;
  margin-right: 10rpx;
  margin-left: 10rpx;
}

.userView {
  display: flex;
  flex-direction: row;
  margin-top: 30rpx;
}

.userInfo {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 30rpx;
}

.userItem {
  width: 100rpx;
  height: 100rpx;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.username {
  font-size: 24rpx;
  font-weight: 400;
  color: #333333;
  margin-top: 20rpx;
}

.usetType {
  width: 56rpx;
  height: 28rpx;
  line-height: 28rpx;
  text-align: center;
  background: #fb992b;
  border-radius: 10rpx;
  font-size: 20rpx;
  font-weight: 400;
  color: #ffffff;
  position: absolute;
  bottom: -5rpx;
}

.shareBtn {
  width: 300rpx;
  height: 70rpx;
  line-height: 70rpx;
  text-align: center;
  background: #10a28f;
  border-radius: 35rpx;
  font-size: 28rpx;
  font-weight: 400;
  color: #ffffff;
  margin: 25rpx 0px;
}

.locationView {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 12rpx;
  padding: 30rpx 20rpx;
  margin: 0px 20rpx;
  margin-top: 20rpx;
}

.addressView {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.location {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-left: 15rpx;
}

.storeName {
  font-size: 26rpx;
  font-weight: 400;
  color: #333333;
}

.address {
  font-size: 24rpx;
  font-weight: 400;
  color: #787878;
  margin-top: 10rpx;
}

.addName {
  font-size: 24rpx;
  font-weight: 400;
  color: #333333;
  margin-left: 10rpx;
  margin-right: 30rpx;
}

.contentBox {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 10rpx;
  margin: 0px 20rpx;
  padding: 20rpx;
  margin-top: 20rpx;
}

.addressInfo {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-left: 20rpx;
}

.addressTitle {
  font-size: 28rpx;
  font-weight: 400;
  color: #333333;
}

.address {
  font-size: 26rpx;
  font-weight: 400;
  color: #999999;
  margin-top: 10rpx;
}

.infoView {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 12rpx;
  margin: 0px 20rpx;
  margin-top: 20rpx;
}

.infoTitle {
  font-size: 26rpx;
  font-weight: 400;
  color: #333333;
  padding: 20rpx;
  border-bottom: 1px solid #f7f7f7;
}

.goodsView {
  display: flex;
  flex-direction: row;
  margin-left: 30rpx;
  margin-right: 30rpx;
  padding-top: 20rpx;
  padding-bottom: 20rpx;
  border-bottom: 1px solid rgba(193, 192, 201, 0.2);
}

.goodsData {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 20rpx;
}

.goodsName {
  display: flex;
  flex-direction: row;
}

.goodsTitle {
  font-size: 28rpx;
  font-weight: 400;
  color: #333333;
}

.skuView {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 10rpx;
}

.goodsSku {
  flex: 1;
  font-size: 24rpx;
  color: #999;
}

.goodsPrice {
  font-size: 32rpx;
  color: #ea3d2f;
  margin-top: 10rpx;
}

.goodsNum {
  font-size: 26rpx;
  font-weight: 400;
  color: #787878;
}

.totalView {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0rpx 20rpx;
  margin: 30rpx 0;
}

.totalTitle {
  flex: 1;
  font-size: 28rpx;
  font-weight: 400;
  color: #333333;
}

.totalPrice {
  font-size: 28rpx;
  font-weight: 400;
  color: #333333;
}

.totalPrice2 {
  font-size: 28rpx;
  font-weight: 400;
  color: #ff2323;
}
.totalPrice3 {
  font-size: 30rpx;
}
.orderTitle {
  font-size: 30rpx;
  font-weight: 400;
  color: #333333;
  margin-bottom: 20rpx;
}

.orderText {
  font-size: 28rpx;
  font-weight: 400;
  color: #333333;

  line-height: 60rpx;
}

.orderText text {
  font-size: 28rpx;
  font-weight: 400;
  color: #999;
}

.orde-riget {
  margin-left: 20rpx;
  /* line-height: 55rpx; */
  font-size: 30rpx;
  flex: 1;
}

.goods-speci {
  position: relative;
  font-size: 26rpx;
  color: #666666;
  margin-top: 20rpx;
}

.goods-num {
  color: #999999;
  font-size: 26rpx;
}
.goods-price {
  font-size: 24rpx;
  color: #fa453c;
}
.bold {
  font-size: 36rpx;
  font-weight: 600;
}
